<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
         xmlns:ui="http://java.sun.com/jsf/facelets"
         xmlns:h="http://java.sun.com/jsf/html"
         xmlns:f="http://java.sun.com/jsf/core"
         xmlns:p="http://primefaces.org/ui">
    <h:head>
       <title> insert title here </title>
       
    </h:head>
    <h:body>
       <ui:composition template="/templates/khungchinhkhachhang.xhtml">
		<ui:define name="tieudetrang">
            Thông Tin Khách Hàng
         </ui:define>
		<ui:define name="javascrip">	
			<h:outputScript library="javascrip" name="khachhang.js"/>
		</ui:define>
		<ui:define name="phandau">
			<div class="daude">LapTop Online</div>
		</ui:define>
		<ui:define name="noidung">
					<div id="thongtinkhachang">
					<h:form id="form" acceptcharset="utf-8">
						<p:panelGrid columns="2">
						<f:facet name="header">  
                			<h:outputText value="Thông Tin Khách Hàng"></h:outputText>
            			</f:facet>
            			
            			<h:outputText  value="*Họ Và Tên: "></h:outputText>
            			<h:panelGroup>
            			<p:inputText value="#{beanBanHang.nguoidung.ten}" id="hovaten" onkeypress="xoaloi(this.form)"></p:inputText>
            			<h:outputText id="loihovaten" styleClass="nhacnho"></h:outputText>
            			</h:panelGroup>
            			
            			<h:outputText  value="*Địa Chỉ: "></h:outputText>
            			<h:panelGroup>
            			<p:inputText id="diachi" value="#{beanBanHang.nguoidung.diachi}" onkeypress="xoaloi(this.form)"></p:inputText>
            			<h:outputText id="loidiachi" styleClass="nhacnho"></h:outputText>
            			</h:panelGroup>
            			
            			<h:outputText  value="*Số Điện Thoại: "></h:outputText>
            			<h:panelGroup>
            			<p:inputText id="sodienthoai" value="#{beanBanHang.nguoidung.sodienthoai}" onkeypress="return xoaloidienthoai(this.form, event)" maxlength="11"></p:inputText>
            			<h:outputText id="loisodienthoai" styleClass="nhacnho"></h:outputText>
            			</h:panelGroup>
            			
            			<h:outputText  value="Email: "></h:outputText>
            			<h:panelGroup>
            			<p:inputText id="email" value="#{beanBanHang.nguoidung.email}" onblur="xoaloi(this.form)"></p:inputText>
            			<h:outputText id="loiemail" styleClass="nhacnho"></h:outputText>
            			</h:panelGroup>
            			<f:facet name="footer">
            				<div id="footerkhachhang">
            				  
            				<p:commandButton value="Lưu" action="#{beanBanHang.luuhoadon}" onclick="return kiemtrathongtin(this.form);" disabled="#{empty beanBanHang.giohang}"></p:commandButton>
                			
                			<h:commandLink action="#{beanBanHang.quaylai}" immediate="true">
                			<p:button value="Quay Lại"></p:button>
                			</h:commandLink>
                			
                			</div>
            			</f:facet>
            		</p:panelGrid>
					</h:form>
					</div>
		</ui:define>
	</ui:composition>
    
    </h:body>
 </html>